/* Import the reindeer theme.*/
/* This only allows us to use the mixins defined in it and does not add any styles by itself. */
@import "../reindeer/reindeer.scss";
@import "./casestyle.scss";

/* This contains all of your theme.*/
/* If somebody wants to extend the theme she will include this mixin. */
@mixin cmtheme {
  /* Include all the styles from the reindeer theme */
  @include reindeer;
  @include casestyle;

	.v-caption-cmLayout {
		color: #e8e8e8;
		margin-bottom: 1px;

		font-size: small;
		font-weight: bold;
		background-color: #0A67A3;
	}

	.cmLayout  {
	/* 	margin: 20px 20px 20px 0px;*/
		border:1px solid #85b4d1;
		background-color: #e8e8e8;
		/*border:1px solid gray;*/
	}
	
	.cmBorder{
		border:1px solid #85b4d1;
	}
	.v-caption-blueCaption {
		color: #e8e8e8;
		margin-bottom: 1px;

		font-size: small;
		font-weight: bold;
		background-color: #0A67A3;
	}
	
	.v-caption-underlined {
		
		margin-bottom: 1px;

		font-size: small;
		font-weight: bold;
		background-color: transparent;
		border-bottom-style: solid;
		border-bottom-color: black;
		border-bottom-width: .1em;
	}
	
	.buttonsLayout{
		background-color: rgb(25,122,141);
		margin: 2px 2px 2px 2px;
	}
	
	.v-tree-node-treeItemBlue{
		color: blue;
		font-weight: bold;
	}
	.v-tree-node-treeItemYellow{
		color: #ffcc00;
		font-weight: bold;
	}
	
 	.v-label-titleLabel{
	background-color: gray;
	font-weight: bold;
	font-size: small;
	color: white;
	}
	.v-label-subtitleLabel{
		background-color: gray;
		font-weight: bold;
		font-family: sans-serif;
		text-align: center;
		color: navy;
	}
	
	.v-label-valueLabel{
		font-weight: bold;
		color: blue;
		text-transform:uppercase;
	
	}
	
	.v-gridlayout-gray .v-gridlayout-spacing-on {
	/* adjust spacing size */
	padding: 1px;
	border:1px solid #85b4d1;
	}
	.v-gridlayout-gray div {
	background-color: #fff;
	
	}
	
	.v-gridlayout-gray div div  {
		background-color: #eee;
		
	}
 
}
